<template>
  <view>
    <button @click="saveData">保存数据到 LeanCloud</button>
    <button @click="queryData">从 LeanCloud 查询数据</button>
  </view>
</template>

<script setup lang="ts">
import { getCurrentInstance } from 'vue'

// 从全局属性中获取 LeanCloud 的 AV 实例
const { proxy } = getCurrentInstance()
const AV = proxy?.$AV as typeof import('leancloud-storage')

// 保存数据到 LeanCloud 的方法
const saveData = async () => {
  try {
    // 在 LeanCloud 控制台创建了名为 TestTable 的数据表
    const TestTable = AV.Object.extend('TestTable') 
    const testObject = new TestTable()
    testObject.set('message', '这是从 test.vue 保存的数据')
    const result = await testObject.save()
    console.log('数据保存成功，ID:', result.id)
  } catch (error) {
    console.error('数据保存失败:', error)
  }
}

// 从 LeanCloud 查询数据的方法
const queryData = async () => {
  try {
    const query = new AV.Query('TestTable') 
    const results = await query.find()
    console.log('查询结果:', results.map(item => item.toJSON()))
  } catch (error) {
    console.error('数据查询失败:', error)
  }
}
</script>

<style scoped>


</style>